import {useEffect, useState} from "react";
import {ChannelItem, fetchChannelAPI} from "@/apis/list.ts";

function useTabs(){
    const [channels,setChannels] = useState<ChannelItem[]>([])
    useEffect(() => {
        const getChannel = async () => {
            try {
                const res = await fetchChannelAPI()
                setChannels(res.data.data.channels)
            }catch (error){
                throw new Error('fetch channel error')
            }
        }
        getChannel()
    }, []);

    return {
        channels
    }
}

export {useTabs}